import React from "react";
import "./Carde.less";
import { Button } from "antd-mobile";
function Carde(props) {
  let {list,} = props;
  return (
    <div className="carde"onClick={()=>{props.history.push("/detail/"+list.id+"/1")}}>
      <img src={list.img} alt=""></img>
      <h3>{list.goodsname}</h3>
      {/* <p>敏感肌可用，控油祛痘、男女可适用...</p> */}

      <div className="price">
        <span>&yen;</span>
        <span>{list.price}</span>
        <del>&yen; {list.market_price}</del>
        <Button>加入购物车</Button>
      </div>
      <span className="comment">999条评论</span>
      <span className="comment">89.9%好评</span>
    </div>
  );
}
export default React.memo(Carde)

